// import { createApp } from "vue";
// import BasicComponents from './BasicComponents'
// import SingleFileComponents from "./SingleFileComponents/index.vue";
// import TSXComponents from './TSXComponents/index'
import { createApp } from "vue/dist/vue.esm-browser";
import BrevityUI from './entry'

createApp({
    template: `
        <div style="margin-bottom:20px;">
            <BasicComponents color="blue">主要按钮</BasicComponents>
            <BasicComponents color="green">绿色按钮</BasicComponents>
            <BasicComponents color="gray">灰色按钮</BasicComponents>
            <BasicComponents color="yellow">黄色按钮</BasicComponents>
            <BasicComponents color="red">红色按钮</BasicComponents>
        </div>
        <div style="margin-bottom:20px;"
        >
            <BasicComponents color="blue" plain>朴素按钮</BasicComponents>
            <BasicComponents color="green" plain>绿色按钮</BasicComponents>
            <BasicComponents color="gray" plain>灰色按钮</BasicComponents>
            <BasicComponents color="yellow" plain>黄色按钮</BasicComponents>
            <BasicComponents color="red" plain>红色按钮</BasicComponents>
        </div>
        <div style="margin-bottom:20px;">
            <BasicComponents size="small" plain>小按钮</BasicComponents>
            <BasicComponents size="medium" plain>中按钮</BasicComponents>
            <BasicComponents size="large" plain>大按钮</BasicComponents>
        </div>
        <div style="margin-bottom:20px;">
            <BasicComponents color="blue" round plain icon="search">搜索按钮</BasicComponents>
            <BasicComponents color="green" round plain icon="edit">编辑按钮</BasicComponents>
            <BasicComponents color="gray" round plain icon="check">成功按钮</BasicComponents>
            <BasicComponents color="yellow" round plain icon="message">提示按钮</BasicComponents>
            <BasicComponents color="red" round plain icon="delete">删除按钮</BasicComponents>
        </div>
        <div style="margin-bottom:20px;">
            <BasicComponents color="blue" round plain icon="search"></BasicComponents>
            <BasicComponents color="green" round plain icon="edit"></BasicComponents>
            <BasicComponents color="gray" round plain icon="check"></BasicComponents>
            <BasicComponents color="yellow" round plain icon="message"></BasicComponents>
            <BasicComponents color="red" round plain icon="delete"></BasicComponents>
        </div>
    `
}).use(BrevityUI).mount('#app')